<div id="pancel" *ngIf="data">
  <div class="item" *ngFor="let item  of data " (click)="iclick(item);"
    [ngStyle]="item.name ==='compass' ?transFormStyle:''" (mouseover)="mouseover(item);"
    (mouseleave)="mouseleave(item);">
    <img *ngIf="item.active " src="{{item.simg}}">
    <img *ngIf="!item.active" src="{{item.dimg}}">
  </div>
</div>